<!DOCTYPE html>
<html lang="en"> <!-- TODO: 改为zh -->
  <head>
    <!-- TODO: 将编码改为UTF-8 -->
    <meta charset="GBK">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>登录（Login）</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
    <!-- TODO：包含CSS文件，地址为"login.css" -->
    <link href="todo.css"  rel="stylesheet" type="text/css"></link>
  </head>
  <body class="text-center">
    <div id="todo" class="form-signin"> <!-- TODO：id设置为app -->
      <h1 class="h3 mb-3 fw-normal">欢迎登录</h1>
      <!-- TODO：form属性添加： @submit.prevent="onSubmit" -->
      <form >
        <div class="form-floating">
          <!-- TODO：帐号控件类型设为text，模型设为username -->
          <input type="todo" v-model="todo" id="username" class="form-control" placeholder="">
          <label for="username">帐号</label>
        </div>
        <div class="form-floating">
          <!-- TODO：密码控件类型设为password，模型设为password -->
          <input type="todo" v-model="todo" id="password" class="form-control" placeholder="">
          <label for="password">密码</label>
        </div>
        <div class="checkbox mb-3">
          <label>
            <input type="checkbox" v-model="keepLogin" class="form-check-input" id="keepLogin">
            保持登录
          </label>
        </div>
        <!-- TODO：登录按钮：id设为"btnLogin"，添加属性：@click="login" -->
        <button id="todo" @click="todo" class="w-100 btn btn-lg btn-primary">登录</button>
      </form>
      <!-- TODO：将下列信息改为你的学号和姓名。-->
      <footer id="author" class="text-muted">&copy; 2021 白泽(202099123456)</footer>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <!-- TODO：包含Vue的JS文件，src="https://cdn.jsdelivr.net/npm/vue@3.2.22/dist/vue.global.prod.js" -->
    <script src="todo.js"></script>
    <!-- TODO：包含JS文件，地址为"login.js" -->
    <script src="todo.js"></script>
  </body>
</html>
